<template>
	<div class="main">
		<div class="head"><span>服务中心</span></div>
		<div class="title"><van-cell title="全部服务"  /></div>
		<div class="groups">
			<div class="icon-group">
				<van-icon class="iconfont icon-kebiao"  size="30" color="red"></van-icon>
				<span class="name">我的课表</span></div>
			<div class="icon-group" >
				<van-icon class="iconfont icon-pingjiao" size="30"  color="red" @click="topj()"></van-icon>
				<span class="name">学生评教</span></div>
			<div class="icon-group">
				<van-icon class="iconfont icon-chengjiguanli"  size="30" color="red"></van-icon>
				<span class="name">我的成绩</span></div>
			<div class="low">
				<router-view></router-view>
				<van-tabbar v-model="active" route>
				  <van-tabbar-item replace to="/index" icon="home-o">首页</van-tabbar-item>
				  <van-tabbar-item replace to="/server" icon="search">服务中心</van-tabbar-item>
				  <!-- <van-tabbar-item icon="friends-o">标签</van-tabbar-item> -->
				  <van-tabbar-item replace to="/person" icon="setting-o">个人中心</van-tabbar-item>
				</van-tabbar>
			</div>	
		</div>
	</div>
</template>

<script>
	
</script>

<style scoped>
	.head{
		text-align: center;
		padding-top: 5px;
		font-size: 20px;
	}
	.title{
		padding-top: 10px;
	}
	.groups{
		display: flex;
		/* padding-left: 10px; */
	}
	.icon-group{
		display: flex;
		flex-direction: column;
		padding-left: 50px;
		padding-top: 5px;
	}
	.groups .name{
		position: relative;
		top: 5px;
		right: 12px;
		font-size: 16px;
	}
</style>